$(function(){
    var page = 1;
    var pageSize = 5;

    function render() { 
        $.ajax({
            url:'/user/queryUser',
            type:'get',
            data:{
                page:page,
                pageSize:pageSize
            },
            success:function (data) { 
                console.log(data);
                var html = template("user-table", data);
                $('tbody').html(html);
                $(".pagination").bootstrapPaginator({
                    bootstrapMajorVersion: 3,
                    currentPage : page,
                    totalPages:Math.ceil(data.total / pageSize),
                    onPageClicked: function(a,b,c,index) {
                        page=index;
                        render();
                    }
                });
             }
       
        })
     }

     render();

     

        function updateUser(id,isDelete) { 
            $.ajax({
                url:'/user/updateUser',
                type:'post',
                data:{
                    id:id,
                    isDelete:isDelete
                },
                success:function (data) { 
                    render();
                 }
            })
         }
        $('tbody').on('click','button',function () { 
            var id = $(this).attr('id');
            if($(this).hasClass('btn-danger')){
                updateUser(id,0);
            }
            if($(this).hasClass('btn-success')){
                updateUser(id,1);
            }
      })

})